<el-scrollbar v-show="false">
	<div class="main">
		<el-backtop target=".main">
			<i class="el-icon-caret-top"></i>
		</el-backtop>
		<!-- 演示 start -->
		<el-row>
			<el-col :span="24">
				<div class="grid-content bg-purple-dark">12</div>
			</el-col>
		</el-row>
		<!-- 演示 end -->
		<!-- 登陆 start -->
		<el-row justify="center" :gutter="20">
			<el-col :span="12">
				<div><img src="../assets/login/loginindex.jpg" class="whh"></div>
			</el-col>
			<el-col :span="8">
				<div class="grid-content bg-purple-light whh">1</div>
			</el-col>
		</el-row>
		<!-- 登陆 end -->
		<!-- 首页 start -->

		<div class="p20" style="height: 500px; background-color: #8C939D;">
			<el-row>
				<el-breadcrumb separator="/">
					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
					<el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
					<el-breadcrumb-item>活动列表</el-breadcrumb-item>
					<el-breadcrumb-item>活动详情</el-breadcrumb-item>
				</el-breadcrumb>
			</el-row>

			<!-- 主体 start -->
			<!-- 难用死了， 并且大小变化太大 -->
			<div class="content">
				<el-row :gutter="20">
					<el-col :xs="12" :sm="14" :md="16" :lg="18" :xl="20" class="left">
						<div style="background-color: white;" class="p20">
							aaa
						</div>
					</el-col>
					<el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" class="right">
						<div style="background-color: white;" class="p20">
							bbb
						</div>
					</el-col>
				</el-row>
			</div>
			<!-- 主体 end -->

		</div>

		<!-- 首页 end -->
		<el-row>
			<el-col :span="6">
				<div class="grid-content bg-purple">
					<el-card class="box-card">
						<template #header>
							<div class="card-header">
								<span>卡片名称</span>
								<el-button class="button" type="text">操作按钮</el-button>
							</div>
						</template>
						<div v-for="o in 4" :key="o" class="text item">
							{{'列表内容 ' + o }}
						</div>
					</el-card>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
			<el-col :span="6">
				<div class="grid-content bg-purple">1</div>
			</el-col>
			<el-col :xs="6" :sm="6" :md="6" :lg="6" :xl="6">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
		</el-row>
		<el-row :gutter="20">
			<el-col :span="4">
				<div class="grid-content bg-purple">1</div>
			</el-col>
			<el-col :span="4">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
			<el-col :span="4">
				<div class="grid-content bg-purple">1</div>
			</el-col>
			<el-col :span="4">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
			<el-col :span="4">
				<div class="grid-content bg-purple">1</div>
			</el-col>
			<el-col :span="4">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
		</el-row>
		<el-row style="margin-bottom: 999px;">
			<el-col :span="6">
				<div class="grid-content bg-purple">1</div>
			</el-col>
			<el-col :span="6">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
			<el-col :span="6">
				<div class="grid-content bg-purple">1</div>
			</el-col>
			<el-col :span="6">
				<div class="grid-content bg-purple-light">1</div>
			</el-col>
		</el-row>
	</div>
</el-scrollbar>
